
// pages/detect/detect.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    image:"",
    image_base64:"",
    detect_results:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  cimg: function () {
    var that=this
    wx.chooseMedia({
      count: 9,
      mediaType: ['image','video'],
      sourceType: ['album', 'camera'],
      maxDuration: 30,
      camera: 'back',
      success(res) {
        console.log(res.tempFiles[0].tempFilePath)
        console.log(res.tempFiles[0].size)
        that.urlTobase64(res.tempFiles[0].tempFilePath)
        that.setData({
          image:res.tempFiles[0].tempFilePath
        })
      }
    })
   
  },
  detect: function () {
    var that = this
    wx.request({
      url: 'https://api-cn.faceplusplus.com/facepp/v3/detect', //仅为示例，并非真实的接口地址
      method:"POST",
      data: {
        api_key: 'zQsh0EZmapcf8ur3Fu_bUGLEql3RMLnW',
        api_secret: 'H8TGaWr4B2FmlTs6xsDtTKoYcFZwqOjr',
        image_base64:that.data.image_base64,
        return_attributes:"gender,age,beauty"
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      success (res) {
        console.log(res.data)
        that.setData({
          detect_results:res.data.faces[0].attributes
        })
      }
    })
  },

  urlTobase64(url){
    var that = this
    wx.request({
      url:url,
      responseType: 'arraybuffer', //最关键的参数，设置返回的数据格式为arraybuffer
      success:res=>{
            //把arraybuffer转成base64
            let base64 = wx.arrayBufferToBase64(res.data);        
            //不加上这串字符，在页面无法显示的哦
            base64　= 'data:image/jpeg;base64,' + base64　          
            //打印出base64字符串，可复制到网页校验一下是否是你选择的原图片呢
            console.log(base64)　
            that.setData({
              image_base64:base64
            })
          }
    })
 },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})